<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>登陆 | 美团网</title>
  <link rel="icon" href="./imgs/favicon.ico" sizes="16x16 32x32">
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/login.css">
  <!-- <link rel="preload" href="//at.alicdn.com/t/font_3168022_frudo6tap1h.woff2" as="font" type="font/woff2" crossorigin="anonymous"> -->
  <link rel="stylesheet" href="//at.alicdn.com/t/font_3168022_frudo6tap1h.css">
</head>

<body>
  <!-- header -->
  <header class="wof-fallDown">
    <a href="./index.html">
      <img src="./imgs/logo.png" alt="logo" />
    </a>
  </header>

  <!-- section -->
  <section>
    <img class="animate__animated animate__fadeInLeft" src="./imgs/nainai.jpeg" width="480" height="370"
      alt="美团网">
    <!-- 登陆表单 -->
    <form action="java.html" class="animate__animated animate__fadeInRight">
      <!-- 账号登录 -->
      <div class="account-login" style="position: relative;">
        <p><span class="active">账号登录</span></p>
        <input type="text" class="account" placeholder="请输入用户名或手机号">
        <input type="password" class="pwd" placeholder="请输入密码">
        <i class="iconfont icon-yanjing showPassword" style="position: absolute;top: 112px;right: 100px;"></i>

        <div id="captcha1" style="margin-top: 10px;">
          <div class="text">
              行为验证™ 安全组件加载中
          </div>
          <div class="wait show">
              <div class="loading">
                  <div class="loading-dot"></div>
                  <div class="loading-dot"></div>
                  <div class="loading-dot"></div>
                  <div class="loading-dot"></div>
              </div>
          </div>
        </div>

        <p><input type="checkbox" class="remember remember-1" id="sms-remember"> <label for="sms-remember">勾选七天免登陆</label></p>
        <button class="wof-button wof-button--yellow account account-1">账号登录</button>
        <button class="wof-button wof-button--info sms sms-1">短信登陆</button>
        <button class="wof-button wof-button--info saoma saoma-1">扫码登陆</button>
      </div>
      <!-- 账号登录 -->

      <!-- 短信登陆 -->
      <div class="sms-login">
        <p><span class="active">短信登陆</span></p>
        <input type="text" class="mobile" placeholder="请输入手机号">
        <input type="text" maxlength="6" class="code" placeholder="动态码">
        <a href="javascript:;">获取手机动态码</a>

        <div id="captcha2" style="margin-top: 10px;">
          <div class="text">
              行为验证™ 安全组件加载中
          </div>
          <div class="wait show">
              <div class="loading">
                  <div class="loading-dot"></div>
                  <div class="loading-dot"></div>
                  <div class="loading-dot"></div>
                  <div class="loading-dot"></div>
              </div>
          </div>
        </div>

        <p><input type="checkbox" class="remember remember-2" id="sms-remember"> <label for="sms-remember">勾选七天免登陆</label></p>
        <button class="wof-button wof-button--yellow sms sms-2">短信登陆</button>
        <button class="wof-button wof-button--info account account-2">账号登录</button>
        <button class="wof-button wof-button--info saoma saoma-2">扫码登陆</button>
      </div>
      <!-- 短信登陆 -->


      <!-- 短信登陆 -->
      <div class="saoma-login">
        <p><span class="active">扫码登陆</span></p>
        <!-- <img src="./assets/imgs/ewm.png" alt="二维码" width="270"> -->
        <div id="qrcode" width="270"></div>
        <button class="wof-button wof-button--yellow saoma">刷新二维码</button>
        <button class="wof-button wof-button--info sms sms-3">短信登陆</button>
        <button class="wof-button wof-button--info account account-3">账号登录</button>
      </div>
      <!-- 短信登陆 -->
      <p>还没有账号？<a href="./registry.html">免费注册</a></p>
    </form>
    <!-- 登陆表单 -->
  </section>

  <!-- footer -->
  <footer class="footer">
    <div class="site-info-nav cf">
      <ul>
        <li class="first"><a rel="nofollow" href="https://about.meituan.com/about.html">关于美团</a></li>
        <li><a rel="nofollow" href="https://zhaopin.meituan.com/">加入我们</a></li>
        <li><a rel="nofollow" href="http://emis.meishi.meituan.com/merchantsSettled">商家入驻</a></li>
        <li><a rel="nofollow" href="https://www.meituan.com/help/faq">帮助中心</a></li>
        <li class="last"><a href="http://meituan.com/mobile">美团手机版</a></li>
      </ul>
    </div>
    <div class="copyright">
      <p>
        ©<span>2021</span>
        <a href="https://www.meituan.com">美团网团购</a>
        meituan.com
        <a href="http://www.miibeian.gov.cn/" target="_blank">京ICP证070791号</a>
        京公网安备11010502025545号
      </p>
    </div>
  </footer>
    
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script src="./js/alert.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="./js/gt.js"></script>
    <script src="./js/captchaFn.js"></script>
    <script src="./js/_login.js"></script>

    <script src="http://unpkg.com/jquery"></script>
  <script src="https://unpkg.com/jquery.qrcode@1.0.3/jquery.qrcode.min.js"></script>
  
  <script src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"></script> <!-- 腾讯地图 -->

  <script src="./js/location.js"></script>
  </body>
</html>